<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=20rem, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>shop</title>
    <!-- bootstrap -->
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css" />

    <!-- 动画 -->
    <link rel="stylesheet" href="./assets/css/animate.min.css" />

    <!-- 初始化 reset -->
    <link rel="stylesheet/less" href="./assets/css/reset.less" />

    <!-- 首页的样式 -->
    <link rel="stylesheet/less" href="./assets/css/index.less" />
    <link rel="stylesheet" href="./assets/css/index.css">

    <!-- rem的样式 -->
    <link rel="stylesheet" href="./assets/css/rem.css" />
</head>

<body>
    <!-- banner -->
    <div class="banner">
        <img src="./assets/images/background01.png">
    </div>

    <!-- price -->
    <div class="price">
        <div class="price-bg">
            <div class="price-container">
                <div class="price-btn">
                    <p>
                        <span>￥</span>10
                    </p>
                    <p>满199元使用</p>
                    <div class="get">立即领取</div>
                </div>
                <div class="price-btn">
                    <p>
                        <span>￥</span>20
                    </p>
                    <p>满199元使用</p>
                    <div class="get">立即领取</div>
                </div>
                <div class="price-btn">
                    <p>
                        <span>￥</span>30
                    </p>
                    <p>满199元使用</p>
                    <div class="get">立即领取</div>
                </div>
            </div>
            <div class="kong">
                <h4 class="discounts">
                    钜惠2满688再送四重好礼
                </h4>
                <div class="sixnine">
                    <div class="product one">
                        <img src="./assets/images/product1.png">
                        <p>下单实付金额满69元送</p>
                    </div>
                    <div class="product">
                        <img src="./assets/images/product2.png">
                        <p>下单实付金额满69元送</p>
                    </div>
                    <div class="product">
                        <img src="./assets/images/product3.png">
                        <p>下单实付金额满69元送</p>
                    </div>
                    <div class="product">
                        <img src="./assets/images/product4.png">
                        <p>下单实付金额满69元送</p>
                    </div>
                </div>
            </div>
        </div>


    </div>

    <!-- recommend -->
    <div class="recommend">
        <div class="recommend-container">
            <h1 class="recommend-h1">宝贝推荐</h1>
            <div class="goods-container">
                <div class="goods-border-box">
                    <div class="goods">
                        <div class="yellow">爆款推荐
                        </div>
                        <img src="./assets/images/product4.png" alt="">
                        <div class="goods-right">
                            <h1 class="goods-top">产品文案</h1>
                            <p class="goods-desc">卖点信息卖点信息卖点信息</p>
                            <span>￥79</span>
                            <div class="rightnow">立即抢购</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="goods-container">
                <div class="goods-border-box">
                    <div class="goods">
                        <div class="yellow">爆款推荐
                        </div>
                        <img src="./assets/images/product4.png" alt="">
                        <div class="goods-right">
                            <h1 class="goods-top">产品文案</h1>
                            <p class="goods-desc">卖点信息卖点信息卖点信息</p>
                            <span>￥79</span>
                            <div class="rightnow">立即抢购</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- recommend-list -->
    <div class="recommend">
        <div class="recommend-container">
            <h1 class="recommend-h1">宝贝推荐</h1>
            <div class="list-container">
                <div class="list-goods-container">
                    <div class="list-goods">
                        <div class="top">
                            <img src="./assets/images/product3.png" alt="">
                            <p>卖点信息卖点信息卖点信息</p>
                        </div>
                        <div class="bottom">
                            <div class="left">
                                <s>原价:59 ￥</s>
                                <span>优惠价</span>
                            </div>
                            <span class="price-span">98</span>
                            <div class="rightnow">立即抢购</div>
                        </div>
                    </div>
                    <div class="list-goods">
                        <div class="top">
                            <img src="./assets/images/product3.png" alt="">
                            <p>卖点信息卖点信息卖点信息</p>
                        </div>
                        <div class="bottom">
                            <div class="left">
                                <s>原价:59 ￥</s>
                                <span>优惠价</span>
                            </div>
                            <span class="price-span">98</span>
                            <div class="rightnow">立即抢购</div>
                        </div>
                    </div>
                </div>
                <div class="list-goods-container">
                    <div class="list-goods">
                        <div class="top">
                            <img src="./assets/images/product3.png" alt="">
                            <p>卖点信息卖点信息卖点信息</p>
                        </div>
                        <div class="bottom">
                            <div class="left">
                                <s>原价:59 ￥</s>
                                <span>优惠价</span>
                            </div>
                            <span class="price-span">98</span>
                            <div class="rightnow">立即抢购</div>
                        </div>
                    </div>
                    <div class="list-goods">
                        <div class="top">
                            <img src="./assets/images/product3.png" alt="">
                            <p>卖点信息卖点信息卖点信息</p>
                        </div>
                        <div class="bottom">
                            <div class="left">
                                <s>原价:59 ￥</s>
                                <span>优惠价</span>
                            </div>
                            <span class="price-span">98</span>
                            <div class="rightnow">立即抢购</div>
                        </div>
                    </div>
                </div>
                <div class="list-goods-container">
                    <div class="list-goods">
                        <div class="top">
                            <img src="./assets/images/product3.png" alt="">
                            <p>卖点信息卖点信息卖点信息</p>
                        </div>
                        <div class="bottom">
                            <div class="left">
                                <s>原价:59 ￥</s>
                                <span>优惠价</span>
                            </div>
                            <span class="price-span">98</span>
                            <div class="rightnow">立即抢购</div>
                        </div>
                    </div>
                    <div class="list-goods">
                        <div class="top">
                            <img src="./assets/images/product3.png" alt="">
                            <p>卖点信息卖点信息卖点信息</p>
                        </div>
                        <div class="bottom">
                            <div class="left">
                                <s>原价:59 ￥</s>
                                <span>优惠价</span>
                            </div>
                            <span class="price-span">98</span>
                            <div class="rightnow">立即抢购</div>
                        </div>
                    </div>
                </div>
                <div class="list-goods-container">
                    <div class="list-goods">
                        <div class="top">
                            <img src="./assets/images/product3.png" alt="">
                            <p>卖点信息卖点信息卖点信息</p>
                        </div>
                        <div class="bottom">
                            <div class="left">
                                <s>原价:59 ￥</s>
                                <span>优惠价</span>
                            </div>
                            <span class="price-span">98</span>
                            <div class="rightnow">立即抢购</div>
                        </div>
                    </div>
                    <div class="list-goods">
                        <div class="top">
                            <img src="./assets/images/product3.png" alt="">
                            <p>卖点信息卖点信息卖点信息</p>
                        </div>
                        <div class="bottom">
                            <div class="left">
                                <s>原价:59 ￥</s>
                                <span>优惠价</span>
                            </div>
                            <span class="price-span">98</span>
                            <div class="rightnow">立即抢购</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- foot  -->
    <div class="foot">
        <img class="back" src="./assets/images/foot.png">
        <h3>查看全部宝贝</h3>
        <img class="up" src="./assets/images/up.png">
    </div>
    <!-- foot  -->
</body>

</html>